Chapters
 Build & Deploy a Full Stack E-Commerce Website with Next.js 13, Strapi Headless CMS & Tailwind CSS - YouTube_files/hqdefault_20000.jpg)
Intro & Demo
Intro & Demo
0:00
Intro & Demo
0:00
 Build & Deploy a Full Stack E-Commerce Website with Next.js 13, Strapi Headless CMS & Tailwind CSS - YouTube_files/hqdefault_471833.jpg)
Project Setup
Project Setup
7:50
Project Setup
7:50
 Build & Deploy a Full Stack E-Commerce Website with Next.js 13, Strapi Headless CMS & Tailwind CSS - YouTube_files/hqdefault_1703800.jpg)
Next.js Overview
Next.js Overview
28:15
Next.js Overview
28:15
 Build & Deploy a Full Stack E-Commerce Website with Next.js 13, Strapi Headless CMS & Tailwind CSS - YouTube_files/hqdefault_1991900.jpg)
Header
Header
33:01
Header
33:01
 Build & Deploy a Full Stack E-Commerce Website with Next.js 13, Strapi Headless CMS & Tailwind CSS - YouTube_files/hqdefault_4948766.jpg)
Header Scroll Functionality
Header Scroll Functionality
1:22:14
Header Scroll Functionality
1:22:14
 Build & Deploy a Full Stack E-Commerce Website with Next.js 13, Strapi Headless CMS & Tailwind CSS - YouTube_files/hqdefault_5505833.jpg)
Footer
Footer
1:31:32
Footer
1:31:32
 Build & Deploy a Full Stack E-Commerce Website with Next.js 13, Strapi Headless CMS & Tailwind CSS - YouTube_files/hqdefault_5858266.jpg)
Homepage Banner Carousel
Homepage Banner Carousel
1:37:22
Homepage Banner Carousel
1:37:22
 Build & Deploy a Full Stack E-Commerce Website with Next.js 13, Strapi Headless CMS & Tailwind CSS - YouTube_files/hqdefault_6688200.jpg)
Homepage Heading & Paragraph
Homepage Heading & Paragraph
1:51:20
Homepage Heading & Paragraph
1:51:20
 Build & Deploy a Full Stack E-Commerce Website with Next.js 13, Strapi Headless CMS & Tailwind CSS - YouTube_files/hqdefault_6911200.jpg)
Homepage Product Listing
Homepage Product Listing
1:55:05
Homepage Product Listing
1:55:05
 Build & Deploy a Full Stack E-Commerce Website with Next.js 13, Strapi Headless CMS & Tailwind CSS - YouTube_files/hqdefault_7366066.jpg)
Category Page
Category Page
2:02:45
Category Page
2:02:45
 Build & Deploy a Full Stack E-Commerce Website with Next.js 13, Strapi Headless CMS & Tailwind CSS - YouTube_files/hqdefault_7875033.jpg)
Product Details Page
Product Details Page
2:11:15
Product Details Page
2:11:15
 Build & Deploy a Full Stack E-Commerce Website with Next.js 13, Strapi Headless CMS & Tailwind CSS - YouTube_files/hqdefault_8885000.jpg)
Related Product Carousel
Related Product Carousel
2:27:54
Related Product Carousel
2:27:54
 Build & Deploy a Full Stack E-Commerce Website with Next.js 13, Strapi Headless CMS & Tailwind CSS - YouTube_files/hqdefault_9339966.jpg)
Cart Page
Cart Page
2:35:38
Cart Page
2:35:38
 Build & Deploy a Full Stack E-Commerce Website with Next.js 13, Strapi Headless CMS & Tailwind CSS - YouTube_files/hqdefault_10452933.jpg)
Success & Failed page
Success & Failed page
2:53:50
Success & Failed page
2:53:50
Create clip
Sagnik Das
30.0 seconds
Description
JS Dev Hindi
Chapters
Featured playlist
JS Dev Hindi
13.7K subscribers
Projects
Next:Build & Deploy a Full Stack E-Commerce Website with Next.js & Strapi | Part-2 (Backend & Deployment)
 Build & Deploy a Full Stack E-Commerce Website with Next.js 13, Strapi Headless CMS & Tailwind CSS - YouTube_files/hqdefault.jpg)
Build & Deploy Fully Functional YouTube Clone Single Page Application with React JS & Tailwind CSS
JS Dev Hindi
 Build & Deploy a Full Stack E-Commerce Website with Next.js 13, Strapi Headless CMS & Tailwind CSS - YouTube_files/hqdefault(1).jpg)
Build & Deploy Fully Functional Personal Portfolio Website with Modern UI/UX in React JS
JS Dev Hindi
 Build & Deploy a Full Stack E-Commerce Website with Next.js 13, Strapi Headless CMS & Tailwind CSS - YouTube_files/hqdefault(2).jpg)
Build Fully Functional Personal Portfolio Website with Modern UI/UX in React JS - Part 2
JS Dev Hindi
 Build & Deploy a Full Stack E-Commerce Website with Next.js 13, Strapi Headless CMS & Tailwind CSS - YouTube_files/hqdefault(3).jpg)
Build & Deploy Google Search Application with React JS & Tailwind CSS | Google Clone in React
JS Dev Hindi
 Build & Deploy a Full Stack E-Commerce Website with Next.js 13, Strapi Headless CMS & Tailwind CSS - YouTube_files/hqdefault(4).jpg)
Build Fully Functional Personal Portfolio Website | Responsive | Deployment - Part 3
JS Dev Hindi
 Build & Deploy a Full Stack E-Commerce Website with Next.js 13, Strapi Headless CMS & Tailwind CSS - YouTube_files/hqdefault(5).jpg)
Build a Full Stack E-Commerce Website with React 18, Strapi, Stripe | Complete E-Commerce Project
JS Dev Hindi
Build & Deploy ChatGPT Ai App with React | OpenAI ChatGPT 3 NLP Model
JS Dev Hindi
Build & Deploy Movix Single Page Web Application with React & Redux Full Course | Fully Responsive
JS Dev Hindi
 Build & Deploy a Full Stack E-Commerce Website with Next.js 13, Strapi Headless CMS & Tailwind CSS - YouTube_files/hqdefault(6).jpg)
Build & Deploy Modern Portfolio Website with React, Tailwind & Framer Motion
JS Dev Hindi
 Build & Deploy a Full Stack E-Commerce Website with Next.js 13, Strapi Headless CMS & Tailwind CSS - YouTube_files/hqdefault(7).jpg)
React Development Master Class | 2 Real World Projects (YouTube & Google Clone) with React, Tailwind
JS Dev Hindi
 Build & Deploy a Full Stack E-Commerce Website with Next.js 13, Strapi Headless CMS & Tailwind CSS - YouTube_files/hqdefault(8).jpg)
Build & Deploy a Full Stack E-Commerce Website with Next.js 13, Strapi Headless CMS & Tailwind CSS
JS Dev Hindi
 Build & Deploy a Full Stack E-Commerce Website with Next.js 13, Strapi Headless CMS & Tailwind CSS - YouTube_files/hqdefault(9).jpg)
Build & Deploy a Full Stack E-Commerce Website with Next.js & Strapi | Part-2 (Backend & Deployment)
JS Dev Hindi
 Build & Deploy a Full Stack E-Commerce Website with Next.js 13, Strapi Headless CMS & Tailwind CSS - YouTube_files/hqdefault(10).jpg)
Build & Deploy an App with Next.js and Firebase - Uncover the Secrets of CRUD and Authentication!
JS Dev Hindi
Build & Deploy a Full Stack Chat App with Next.js, Tailwind & Firebase | Part 2
JS Dev Hindi
Build & Deploy a Full Stack Chat App with Next.js, Tailwind & Firebase | Part 1
JS Dev Hindi
Build & Deploy a Full Stack Chat App with Next.js, Tailwind & Firebase | Part 3
JS Dev Hindi
Deployment the Final Part: Chat Application with Next.js, Tailwind & Firebase
JS Dev Hindi
 Build & Deploy a Full Stack E-Commerce Website with Next.js 13, Strapi Headless CMS & Tailwind CSS - YouTube_files/channels4_profile.jpg){kind=small}
 Build & Deploy a Full Stack E-Commerce Website with Next.js 13, Strapi Headless CMS & Tailwind CSS - YouTube_files/yt_favicon.png)
• Build & Deploy Go...
⏩ Build Deploy & YouTube Clone - • Build & Deploy Fu...
⏩ Build & Deploy Personal Portfolio Website - • Build & Deploy Fu...
⏩ Build & Deploy ChatGPT Ai App - • Build & Deploy Ch...
⏩ Build a Full Stack E-Commerce Website - • Build a Full Stac...
⏩ Modern Portfolio Website - • Build & Deploy Mo...
📚 Materials/References:
⭐ GitHub Repository - Frontend (give it a star ⭐): http://bit.ly/3LxFzJb
⭐ GitHub Repository - Backend (give it a star ⭐): http://bit.ly/3JOLGaT
⭐ Gist: http://bit.ly/3Fppphc
⭐ Starter Boilerplate - http://bit.ly/3TfTPrS
⭐ Assets: http://bit.ly/3mQVjwF
⭐ Products Data: http://bit.ly/3TkWz7c
Tailwind installation guide for nextjs:
https://tailwindcss.com/docs/guides/n...
In this tutorial you’ll learn:
- Next.js 13 and its latest features
- Core feature of Next.js
- Server side rendering (SSR, SSG) in Next.js
- Dynamic Routing in Next.js
- Rapid UI building with Tailwind CSS
- Mobile first responsive approach
- Functional Programming through utility methods
- Strapi Headless CMS and its features
- How to fetch data from strapi api’s in next.js application
- Redux fundamentals and its best usage for cart functionality
- Complete cart functionality with add,update,delete actions
- Project deployment for frontend and backend
Follow me on 👇
🖼️ Instagram - https://bit.ly/3jIJqYc
😺 GitHub - http://bit.ly/3I6Qx6O
👇 Time Stamps
00:00:00 Intro & Demo
00:07:50 Project Setup
00:28:15 Next.js Overview
00:33:01 Header
01:22:14 Header Scroll Functionality
01:31:32 Footer
01:37:22 Homepage Banner Carousel
01:51:20 Homepage Heading & Paragraph
01:55:05 Homepage Product Listing
02:02:45 Category Page
02:11:15 Product Details Page
02:27:54 Related Product Carousel
02:35:38 Cart Page
02:53:50 Success & Failed page
Join this channel to get access to perks:
/ @jsdevhindi
Chapters
Intro & Demo
Intro & Demo
0:00
Intro & Demo
0:00
Project Setup
Project Setup
7:50
Project Setup
7:50
Next.js Overview
Next.js Overview
28:15
Next.js Overview
28:15
Header
Header
33:01
Header
33:01
Header Scroll Functionality
Header Scroll Functionality
1:22:14
Header Scroll Functionality
1:22:14
Footer
Footer
1:31:32
Footer
1:31:32
Homepage Banner Carousel
Homepage Banner Carousel
1:37:22
Homepage Banner Carousel
1:37:22
Homepage Heading & Paragraph
Homepage Heading & Paragraph
1:51:20
Homepage Heading & Paragraph
1:51:20
Featured playlist
 Build & Deploy a Full Stack E-Commerce Website with Next.js 13, Strapi Headless CMS & Tailwind CSS - YouTube_files/mqdefault.jpg)
JS Dev Hindi
13.7K subscribers
Build & Deploy a Full Stack E-Commerce Website with Next.js 13, Strapi Headless CMS & Tailwind CSS
JS Dev Hindi
Chapters
Intro & Demo
Intro & Demo
0:00
Intro & Demo
0:00
Project Setup
Project Setup
7:50
Project Setup
7:50
Next.js Overview
Next.js Overview
28:15
Next.js Overview
28:15
Header
Header
33:01
Header
33:01
Header Scroll Functionality
Header Scroll Functionality
1:22:14
Header Scroll Functionality
1:22:14
Footer
Footer
1:31:32
Footer
1:31:32
Homepage Banner Carousel
Homepage Banner Carousel
1:37:22
Homepage Banner Carousel
1:37:22
Homepage Heading & Paragraph
Homepage Heading & Paragraph
1:51:20
Homepage Heading & Paragraph
1:51:20
Featured playlist
JS Dev Hindi
13.7K subscribers
 Build & Deploy a Full Stack E-Commerce Website with Next.js 13, Strapi Headless CMS & Tailwind CSS - YouTube_files/hqdefault(11).jpg)
 Build & Deploy a Full Stack E-Commerce Website with Next.js 13, Strapi Headless CMS & Tailwind CSS - YouTube_files/hqdefault(12).jpg)
 Build & Deploy a Full Stack E-Commerce Website with Next.js 13, Strapi Headless CMS & Tailwind CSS - YouTube_files/hqdefault(13).jpg)
 Build & Deploy a Full Stack E-Commerce Website with Next.js 13, Strapi Headless CMS & Tailwind CSS - YouTube_files/hqdefault(14).jpg)
 Build & Deploy a Full Stack E-Commerce Website with Next.js 13, Strapi Headless CMS & Tailwind CSS - YouTube_files/hqdefault(15).jpg)
 Build & Deploy a Full Stack E-Commerce Website with Next.js 13, Strapi Headless CMS & Tailwind CSS - YouTube_files/hqdefault(16).jpg)
 Build & Deploy a Full Stack E-Commerce Website with Next.js 13, Strapi Headless CMS & Tailwind CSS - YouTube_files/hqdefault(17).jpg)